<template>
    <el-pagination
              :page-size="pageSize"
              :page-count="pageCount"
              :total="total"
                @change="handleSizeChange"
              layout="prev, pager, next,total"/>
</template>
<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
    props:{
        pageSize:{
             type: String,
            default: "10"
            
        },
        pageCount:String,
        total:String
    },
    setup(props,context) {
        const handleSizeChange=(val: number)=>{
                    console.log("handleSizeChange改变-》"+ val)
           context.emit("updateSizeChange",val)
        }
        return {handleSizeChange}
    },
})
</script>
<style lang="less" scoped>

</style>
